// 复选框
// shaokr
// DOM:
// -----------------------------
// <input type="checkbox" value="" class="com_checkbox" />
//----------------------------------------
.com_checkbox {
    .not-ae();
    width:@u*40;
    height:@u*40;

    border:@u*2 solid @font-color-8;
    border-radius: 50%;

    &:checked {
        position: relative;

        border-color: @fn-color;
        background-color: @fn-color;
        &:after {
            position: absolute;
            top: @u*7;
            left: @u*3;

            display: block;

            width: @u*24;
            height: @u*12;

            content: '';
            transform: rotate(-45deg);

            border-bottom: #fff solid @u*4;
            border-left: #fff solid @u*4;
        }
    }
}
